
/*@import "compass";*/
$sugarpaper-color: #67b7bd;

.banner {
    h4 {
        color:#fff;
/*      font-size:2.0em;*/
        font-size: 3.0em;
        text-transform: uppercase;
    }
    
    h5{
        color: #272727;
        padding-top: 10px;
        padding-bottom:30px;
        font-family : $font-nexa-regular;
        font-size: 1.6em;
        text-transform: uppercase;
        font-weight: normal;
    }
    
    p {
        font-size:0.9em;
        line-height: normal;
    }
    .panel {
        background: transparent;
        border: none;
        font-size: 1.5em; 
        padding: 0.5em 0em;
     }
    
    .button {
        background: none repeat scroll 0 0 #252525;
        border: none;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        color: white;
        cursor: pointer;
        display: inline-block;
        font-size: 0.7em;
        font-weight: normal;
        line-height: 2;
        margin: 0;
        padding: 5px 25px 5px 5px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase; 
        transition: background-color 0.15s ease-in-out 0s;
        width: auto;
            &:hover{
                opacity:0.8;
            }
    }
    .banner_2{
        min-height: 538px;
        background-image: url("/libs/css/assets/footer_image_small.png");
        background-repeat: no-repeat;
        background-position: 550px bottom;
    }
}

.wrapper_bottom_banner {
    background-color: $sugarpaper-color;
    background-image: url('/libs/css/assets/bkg_noise.png');
    background-repeat: repeat;
    background-scroll: scroll;
    
    .small_banner {
        padding:0px;
        background: url('/libs/css/assets/banner_bg_small.png') no-repeat 78% 0;
        h1{
            color: $white-color;
            font-family: $font-nexa_slabxbold;
            font-size: 2.0em;
            text-transform: uppercase;
        }
        h5 {
            font-family : $font-nexa-regular;
            font-size: 1.0em;
            text-transform: uppercase;
            font-weight: normal;
        }
    }
   
    .panel {
        background: transparent;
        border: none;
        font-size:1.5em; 
        padding: 0.5em 0em;
        margin-bottom:0px;
        min-height:185px;
     }
    
    .button {
        background: none repeat scroll 0 0 #FBDE00;
        border: medium none;
        color: #201F25;
        font-size: 0.7em;
        font-weight: normal;
        margin: 4px 0;
        padding: 0.5em;
    }
    
    .image_child_home {
        background: url('/libs/css/assets/footer_image_small.png') no-repeat; 
        bachground-position: right bottom;
        width: 157px;
        height: 185px;
        position: absolute;
        top: 0px;
        right: 0px;
    } 
    
    .image_bkg {
    }
    
}
